<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>今日上新</title>
	    <script src="../js/mui.min.js"></script>
	    <script src="../js/jquery.3.2.1.js"></script>
	    <link href="../css/mui.min.css" rel="stylesheet"/>
	    <link href="../css/mui_common.css" rel="stylesheet"/>
	    <link href="../css/stroll/jrsx.css" rel="stylesheet"/>
		<script type="text/javascript" charset="utf-8">
	      	mui.init(); 
	   </script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav fl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">新品尝鲜</h1>
		    <div class="right">
		    	<div class="set">...</div>
		    	<div class="shop mui-icon" id="shop">&#xe6b9;</div>
		    </div>
		</header>
		<div class="mui-content">
			<div class="newGo">
				<p class="newT">上新进行时</p>
				<div class="newCon">
					<h3>ZZ大小姐</h3>
					<p class="p1">ZZ大小姐，做自己中意的女人。大部分款式上新</p>
					<ul>
						<li>
							<img src="../img/stroll/new1.jpg"/>
							<p>韩版一字领上衣</p>
							<span>￥159</span>
						</li>
						<li>
							<img src="../img/stroll/new2.jpg"/>
							<p>显瘦好搭交叉上衣</p>
							<span>￥69</span>
						</li>
						<li>
							<img src="../img/stroll/new3.jpg"/>
							<p>宽松百搭薄款</p>
							<span>￥80</span>
						</li>
						<li>
							<img src="../img/stroll/new1.jpg"/>
							<p>韩版一字领上衣</p>
							<span>￥159</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="newGoods">
				<p class="newT">一周最新款</p>
				<div class="goodsCon">
					<ul class="ulT" id="ulT">
						<li class="cur">全部</li>
						<li>上衣</li>
						<li>裤</li>
						<li>裙</li>
						<li>鞋</li>
					</ul>
					<div class="goodsCon_box" id="goodsCon_box">
						<div style="display: block;">
							<ul>
								<li>
									<img src="../img/stroll/newGoods1.jpg"/>
									<p>清新蕾丝绑带连衣裙子</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods2.jpg"/>
									<p>秋季新款韩版条纹衬衫</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods3.jpg"/>
									<p>秋季新款韩版时尚套头卫衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods4.jpg"/>
									<p>韩版时尚圆领套头长袖上衣</p>
									<span>￥59.0</span>
								</li>
							</ul>
						</div>
						<div style="display: none;">
							<ul>
								<li>
									<img src="../img/stroll/newGoods2.jpg"/>
									<p>秋季新款韩版条纹衬衫</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods1.jpg"/>
									<p>清新蕾丝绑带连衣裙子</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods3.jpg"/>
									<p>秋季新款韩版时尚套头卫衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods4.jpg"/>
									<p>韩版时尚圆领套头长袖上衣</p>
									<span>￥59.0</span>
								</li>
							</ul>
						</div>
						<div style="display: none;">
							<ul>
								<li>
									<img src="../img/stroll/newGoods3.jpg"/>
									<p>秋季新款韩版时尚套头卫衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods2.jpg"/>
									<p>秋季新款韩版条纹衬衫</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods1.jpg"/>
									<p>清新蕾丝绑带连衣裙子</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods4.jpg"/>
									<p>韩版时尚圆领套头长袖上衣</p>
									<span>￥59.0</span>
								</li>
							</ul>
						</div>
						<div style="display: none;">
							<ul>
								<li>
									<img src="../img/stroll/newGoods4.jpg"/>
									<p>韩版时尚圆领套头长袖上衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods2.jpg"/>
									<p>秋季新款韩版条纹衬衫</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods3.jpg"/>
									<p>秋季新款韩版时尚套头卫衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods1.jpg"/>
									<p>清新蕾丝绑带连衣裙子</p>
									<span>￥59.0</span>
								</li>
							</ul>
						</div>
						<div style="display: none;">
							<ul>
								<li>
									<img src="../img/stroll/newGoods1.jpg"/>
									<p>清新蕾丝绑带连衣裙子</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods2.jpg"/>
									<p>秋季新款韩版条纹衬衫</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods4.jpg"/>
									<p>韩版时尚圆领套头长袖上衣</p>
									<span>￥59.0</span>
								</li>
								<li>
									<img src="../img/stroll/newGoods3.jpg"/>
									<p>秋季新款韩版时尚套头卫衣</p>
									<span>￥59.0</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script>
			$(document).ready(function(){
				$("#ulT li").click(function(){
					$(this).addClass('cur').siblings().removeClass('cur');
					var index=$(this).index();
					 $("#goodsCon_box").children().eq(index).css("display","block").siblings().css("display","none");
				});
			});
			/*document.getElementById("shop").addEventListener("tap",function(){
				mui.openWindow({
					url:"../list_shoppingCart.html",
					id:"gouwuche",
					createNew:true,
					show:{
						aniShow:"slide-in-right",
						duration:200
					},
					waiting:{
						title:"正在加载……"
					}
				});
			});*/
			
			document.getElementById("shop").addEventListener("tap",function(){
				var main=mui.openWindow({
					url:"../index.html",
					id:"index"
					
				});
				mui.fire(main,'goGwc');
			});
		</script>
	</body>
</html>
